import React, { useEffect, useState } from 'react';
import styles from './index.module.scss';
import StudyStyleHead from './study-style-head';
import StudyStyleMain from './study-style-main';
import StudyStyleTips from './study-style-tips';

const StudyStyle = ({ type, size, isShow, data, percent }) => {
  return (
    <div className={styles.studyStyle}>
      <StudyStyleHead type={type} data={data} size={size} isShow={isShow} percent={percent} />
      <StudyStyleMain type={type} data={data}/>
      <StudyStyleTips type={type} data={data} />
    </div>
  );
};

export default StudyStyle;
